/* 腾讯字体声明 */
@font-face {
    font-family: 'TencentSans';
    src: url('../utils/TencentSans-W3-CN.woff2') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* 全局重置，消除白色边距与白底 */
html,
body,
#app {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #0b0b0b;
    color: #fff;
    font-family: 'TencentSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

* {
    box-sizing: border-box;
    font-family: inherit;
}

/* 隐藏滚动条 */
/* 对于 Webkit 浏览器 (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
}

/* 对于 Firefox */
html {
    scrollbar-width: none;
}

/* 对于所有元素 */
* {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

*::-webkit-scrollbar {
    display: none;
}

:root {
    /* 文本与背景（统一高对比） */
    --td-text-color-primary: #ffffff;
    --td-text-color-secondary: #f0f0f0;
    --td-text-color-placeholder: #d8d8d8;
    --td-text-color-disabled: #c8c8c8;
    --td-bg-color-page: #0b0b0b;
    --td-bg-color-container: #141414;
    --td-bg-color-container-hover: #1a1a1a;
    --td-bg-color-container-active: #101010;
    --td-border-level-1-color: #232323;
    --td-component-stroke: #2a2a2a;

    /* 品牌主色（紫色系，适合角色/幻想氛围） */
    --td-brand-color: #7c4dff;
    --td-brand-color-hover: #6a3cff;
    --td-brand-color-active: #5b2fff;
    --td-brand-color-focus: var(--td-brand-color);
    --td-brand-color-disabled: rgba(124, 77, 255, 0.4);

    /* 品牌色阶（1-10，越大越深） */
    --td-brand-color-1: #f4f0ff;
    --td-brand-color-2: #e8deff;
    --td-brand-color-3: #d7c6ff;
    --td-brand-color-4: #c2a9ff;
    --td-brand-color-5: #ab8cff;
    --td-brand-color-6: #7c4dff;
    /* 主色 */
    --td-brand-color-7: #6a3cff;
    --td-brand-color-8: #5b2fff;
    --td-brand-color-9: #4a23e6;
    --td-brand-color-10: #3a1abf;
}

/* 可选：深色模式下稍微提亮主色，保证对比度 */
html[data-theme='dark'],
.tdesign-theme--dark {
    --td-text-color-primary: #ffffff;
    --td-text-color-secondary: #f0f0f0;
    --td-text-color-placeholder: #d8d8d8;
    --td-text-color-disabled: #c8c8c8;
    --td-bg-color-page: #0b0b0b;
    --td-bg-color-container: #141414;
    --td-bg-color-container-hover: #1a1a1a;
    --td-bg-color-container-active: #101010;
    --td-border-level-1-color: #232323;
    --td-component-stroke: #2a2a2a;

    --td-brand-color: #a78bfa;
    --td-brand-color-hover: #b79cfd;
    --td-brand-color-active: #8b5cf6;
    --td-brand-color-focus: var(--td-brand-color);
    --td-brand-color-disabled: rgba(167, 139, 250, 0.4);

    --td-brand-color-1: #1b132f;
    --td-brand-color-2: #22183b;
    --td-brand-color-3: #2a1f4a;
    --td-brand-color-4: #33265a;
    --td-brand-color-5: #3d2e6c;
    --td-brand-color-6: #8b5cf6;
    --td-brand-color-7: #7c4dff;
    --td-brand-color-8: #6a3cff;
    --td-brand-color-9: #5b2fff;
    --td-brand-color-10: #4a23e6;
}

/* 常用组件在深色下的基础色修正 */
.t-card {
    background: var(--td-bg-color-container);
    color: var(--td-text-color-primary);
}

.t-button--variant-outline {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.t-tag {
    color: #fff;
}

.t-tag.t-tag--outline {
    border-color: rgba(255, 255, 255, 0.35);
}